Vue：今日首先來了解一下Vuex中的State部分：
State部分來說，相當於Vue的data，專門儲存資料。我們首先可以在這邊定義資料來源，將其為我們所需要用的Model。

如果，你是使用Vue CLI創建專案時，選擇Vuex的情況下，可以在目錄中看到Store資料夾：

裡面的index.js檔案，已經自動實例化Vuex：

import Vue from 'vue'
import Vuex from 'vuex'
 
Vue.use(Vuex)
 
export default new Vuex.Store({
  state: {
  },
  mutations: {
  },
  actions: {
  },
  modules: {
  }
})

可以在state屬性中，定義資料類型，例如我們在此定義帳戶名稱：

export default new Vuex.Store({
  state: {
    account: "EdwardXiong",
}

本範例簡述的來說明，如何取用store資料，所以利用創建出來的Home元件引入state：

import { mapState } from "vuex";

並且，使用computed來使用此屬性：

computed: {
    ...mapState(["account"]),
 },

最後，在需要使用的地方上引入，這邊使用Home元件：

<div class="home">
       {{ account }}
</div>